<template>
	<view class="page">
		<view class="flex-center" style="margin: 20rpx auto;width: 688rpx;height: 342rpx;">
			<image style="width: 688rpx;height: 342rpx;" mode="aspectFill" src="https://baxztech.com/bian_admin_api/public/bianmp/test/testBanner.png"></image>
		</view>
		
		<view class="" style="margin-bottom: 30rpx;" v-for="i in list">
			<view class="block">
				<view class="head flex-SB">
					<view>
						<image :src="i.icon_url" style="width: 154rpx;height: 154rpx;"></image>
					</view>
					<view>
						<view class="flex-SB">
							<view class="title">
								{{i.t}}
							</view>
							<view @tap="$navigateTo('/pagesA/pages/testMain/testPre?id='+i.id)" class="startbtn">
								开始测评
							</view>
						</view>
						<view class="content line3">
							{{i.content}}
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{t:'亲子关系自评量表',icon_url:"https://baxztech.com/bian_admin_api/public/bianmp/test/testG.png",id:124,content:'接下来会有一些描述情感、态度和行为的句子。请仔细阅读每个句子，根据与你自身实际情况相符合的程度继续选择。所有回答没有对错好坏之分，因此请不带任何负担地进行选择。'},
					{t:'孤独感量表',icon_url:"https://baxztech.com/bian_admin_api/public/bianmp/test/testH.png",id:123,content:'接下来会有一些描述情感、态度和行为的句子。请仔细阅读每个句子，根据与你自身实际情况相符合的程度继续选择。所有回答没有对错好坏之分，因此请不带任何负担地进行选择。'},
					{t:'心理韧性量表',icon_url:"https://baxztech.com/bian_admin_api/public/bianmp/test/testI.png",id:122,content:'接下来会有一些描述情感、态度和行为的句子。请仔细阅读每个句子，根据与你自身实际情况相符合的程度继续选择。所有回答没有对错好坏之分，因此请不带任何负担地进行选择。'},
					{t:'贝克抑郁自评量表',icon_url:"https://baxztech.com/bian_admin_api/public/bianmp/test/testC.png",id:121,content:'接下来会有一些描述情感、态度和行为的句子。请仔细阅读每个句子，根据与你自身实际情况相符合的程度继续选择。所有回答没有对错好坏之分，因此请不带任何负担地进行选择。'},
					{t:'大五人格量表 FFI',type:"人格测评",icon_url:"https://baxztech.com/bian_admin_api/public/bianmp/test/testJ.png",id:120,content:'接下来会有一些描述情感、态度和行为的句子。请仔细阅读每个句子，根据与你自身实际情况相符合的程度继续选择。所有回答没有对错好坏之分，因此请不带任何负担地进行选择。'},
					{t:'PHQ-9',icon_url:"https://baxztech.com/bian_admin_api/public/bianmp/test/testA.png",id:119,content:'测量您最近的抑郁状态'},
					{t:'状态焦虑量表',icon_url:"https://baxztech.com/bian_admin_api/public/bianmp/test/testD.png",id:117,content:'测量您最近的焦虑状态'},
					{t:'抑郁自评量表',icon_url:"https://baxztech.com/bian_admin_api/public/bianmp/test/testF.png",id:26,content:'下面有二十条文字，请仔细阅读每一条，根据你最近一个星期的实际感觉，选择适合的答案。'},
					{t:'儿童抑郁量表',icon_url:"https://baxztech.com/bian_admin_api/public/bianmp/test/testC.png",id:89,content:'情绪发展是个体心理发展的重要内容之一,中小学生的抑郁指的是他们对日常学习和生活中的一些不良情景或事件的一种反应,是一种无愉快、悲伤或精神痛苦的情形。'},
					{t:'大五人格',icon_url:"https://baxztech.com/bian_admin_api/public/bianmp/test/testB.png",id:92,content:'接下来会有一些描述情感、态度和行为的句子。请仔细阅读每个句子，根据与你自身实际情况相符合的程度继续选择。所有回答没有对错好坏之分，因此请不带任何负担地进行选择。'},
				]
			};
		}
	}
</script>

<style lang="scss" scoped>
	.head{
		padding: 12rpx;
	}
	.title{
		height: 80rpx;
		line-height: 80rpx;
		color: #333;
		font-size: 32rpx;
		font-weight: 500;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.startbtn{
		width: 150rpx;
		height: 48rpx;
		line-height: 48rpx;
		border-radius: 32rpx;
		background-color: #326EFF;
		text-align: center;
		font-size: 24rpx;
		font-weight: 500;
		color: #fff;
		padding: 0 24rpx;
	}
	.content{
		min-height: 60px;
		width: 452rpx;
		// padding: 12rpx;
		line-height: 40rpx;
		font-size: 28rpx;
		color: #333;
	}
</style>
